<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0， user-scalable=0">
    <title>笔记</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/notes.css">
    <script src="./js/flexible.js"></script>
</head>

<body>
    <header class="search-content w">
        <div class="search-box">
            <span class="tx"></span>
            <input class="search" type="search" name="" id="" placeholder="搜索 “福利社”">
            <i class="upload">&#xe60c;</i>
            <i class="list">&#xe600;</i>
        </div>
    </header>
    <!-- 笔记容器 -->
    <section class="note-container w">
        <ul>
            <li class="note-item">
                <h2 class="note-item-tit">烟树手记</h2>
                <p class="note-item-abstract">
                    &nbsp;&nbsp;前几年写过一篇烟树的小文，里面做了一番不算太严谨的论证结果是燕京八景中著名的《蓟门烟树》很可能就是黄栌开，虽然我的这个论....
                </p>
                <div class="pic-container">
                    <div class="abstract-left">
                        <i></i>
                    </div>
                    <div class="abstract-right">
                        <i></i>
                        <i></i>
                    </div>
                </div>
            </li>
        </ul>
    </section>
    <span class="file-add">&#xe727;</span>
    <footer class="footer">
        <ul>
            <li>发现</li>
            <li>文件</li>
            <li>相册</li>
            <li>笔记</li>
            <li>文档</li>
            <li>&#xe672;</li>
        </ul>
    </footer>
</body>

</html>